<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
		<style>
			
		</style>
		<script src="./src/vue.js"></script>
	</head>

	<body>
		<div id="app">
			<p>写死的数据</p>
			<!--
				文本插值
					{{表达式}}  小胡子语法 “Moustache”
			-->
			<p>{{message}}</p>
		</div>
		<script>

			let message = 'hello,vue';
			var app = document.getElementById('app');

			// 声明式渲染
			new Vue({
				//el: app, 
				el: '#app',
				data: {  
					message
				}
			})

			var arr = [1,2,3,4,5];

			// 声明式

			var arr2 = arr.map(function (item){
				return item * 2
			})

			// 命令式
			var newArr = [];
			for( var i = 0; i < arr.length; i++ ){
				newArr.push(arr[i]*2)
			}

		</script>
	</body>
</html>